body,
.mui-content {
	background: #fff;
	font-size: 14px;
}

.select {
	position: fixed;
	display: flex;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #ECECEA;
	z-index: 1000;
}

.select>div {
	flex: 1;
	border-radius: 0;
	border: none;
	border-right: 1px solid #ECECEA;
	padding: 8px 12px;
}

.type>div,
.popular>div {
	display: inline-block;
	vertical-align: middle;
}

.typemain {
	position: relative;
	background: #fff;
}

.genre {
	width: 50%;
	position: fixed;
	border-right: 1px solid #ECECEA;
	background: #fff;
	height: 0;
	overflow: hidden;
	transition: .3s;
	z-index: 1000;
	top: 36px;
}

.popular {
	border-left: 1px solid #ECECEA;
	right: 0;
}

.genre:last-child,
.mainclass:last-child,
.select>div:last-child,
.genre>div:last-child {
	border: none;
}

.genre>div {
	border: 0;
	border-bottom: 1px solid #ECECEA;
	padding: 10px 0 10px 16px;
	width: 100%;
	border-radius: 0;
	text-align: left;
}

.down {
	margin-left: 6px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #656565;
	transition: .3s;
}

.mui-scroll {
	background: #fff;
}

.mainclass {
	display: flex;
	padding: 16px;
	color: #B2B2B2;
	font-size: 12px;
	border-bottom: 1px solid #ECECEA;
}

.detailed {
	line-height: 20px;
	flex: 8;
}

.operation>div {
	width: 12px;
	height:12px;
	display: inline-block;
	background:url("../../imges/Path 710.png")no-repeat center;
	background-size: cover;
}

.operation>div>img {
	width: 100%;
}

.format {
	width: 64px;
	margin-right: 16px;
}

.format>img {
	width: 100%;
	vertical-align: middle;
}

.title_name {
	color: #333;
	font-size: 14px;
	display: inline-block;
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.type {
	display: inline-block;
	float: right;
}

.operation>.score {
	width: 20px;
	color: #FFBC01;
	margin-left: 8px;
	font-size:14px;
}

.add {
	padding: 2px 6px;
	vertical-align: bottom;
	float: right;
}
.operation>.scoring{
	background:url("../../imges/Path 709.png")no-repeat center;
	background-size: cover;
}
.operation>.scoring_two{
	background:url("../../imges/Group 785.png")no-repeat center;
	background-size: cover;
}
.mui-scroll-wrapper{
    z-index: 0;
    padding-top:38px;
}
.operation>div:nth-child(6n) {
	display: none;
}
.mui-pull-top-pocket {
    top: auto;
}
.added{
	background:#21B0FD;
	padding: 2px 6px;
	vertical-align: bottom;
	float: right;
	color:#fff !important;
}
*{margin:0;padding:0;list-style: none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);-ms-tap-highlight-color:rgba(0,0,0,0);-o-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}
body{font-size: 12px;}

.store aside.menu{position: fixed;left: 0;top: 41px;bottom: 41px;width: 80px;overflow: scroll;background-color: #ebebeb;}
.store aside.menu li{text-align: center;padding:10px 10px 10px 5px;}
.store aside.menu li.current{background-color: #fff;color: #fe4c5a;}

.store aside.list{position: fixed;right: 0;top: 41px;bottom: 41px;left: 80px;overflow: scroll;background-color: #fff;padding-left: 10px;}
.store aside.list li{border-bottom: 1px solid #eee;padding-top: 10px;padding-bottom: 8px;margin-left: 5px;position: relative;}
.store aside.list li .add0{position: absolute;right: 10px;bottom: 8px;width: 45px;height: 25px;background: url(../images/cart.png) no-repeat center center;background-size: 80%;display: none;}
.store aside.list li .add1{width: 90px;height: 30px;position: absolute;right: 10px;bottom: 8px;}
.store aside.list li .add1 a{width: 28px;height: 28px;display: block;float: left;}
.store aside.list li .add1 span{width:30px;height:28px;line-height:28px;text-align:center;display:block;float:left;overflow:hidden;font-size:14px;}
.store aside.list li .add1 a.reduce{background:url(../images/store-reduce-able.png) no-repeat center center;background-size:cover;}
.store aside.list li .add1 a.add{background:url(../images/store-increase.png) no-repeat center center;background-size:cover;}
.store aside.list li .title{font-size: 14px;color: #222;padding-right: 20px;line-height: 120%;}
.store aside.list li .price{color: #fe4c5a;}
.store aside.list li .sale{color: #999;}

footer.shop{position: fixed;left: 0;right: 0;bottom: -60px;height: 40px;z-index: 10;}
footer.shop .money{float: left;margin:8px 8px 8px 12px;font-size: 16px;color: #ff5000;font-weight: bold;}
footer.shop .money span{display: inline-block;}
footer.shop .money #amount{position:relative;width:12px;height:12px;text-align:center;line-height:130%;border: 1px solid #fe4c5a;color: #fe4c5a;border-radius: 100%;padding:5px;font-size: 12px;margin-right: 5px;-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);-moz-transform:translateY(-1px);transform:translateY(-1px);background: #fff;}
footer.shop .money #price{font-size: 16px;color: #ff5000;font-weight: bold;}
footer.shop .go{height: 28px;line-height: 28px;margin:6px 10px;float: right;border-radius: 3px;color: #fff;padding:0 6px;background-color: #fe4c5a;font-size: 14px;}

.add1{
	z-index: 2000;
}
